.ygCategory {
  .ygCategoryHeader {
    .categoryHeader {
      background-color:var(--themeColor);
    }
  }
  .ygCategoryContent{
    width:100%;
    height:calc(100vh - 145px);
    display:flex;
    justify-content: space-between;
    align-items: center;
    .ygCategoryContentLeft {
      flex:1;
      height:100%;
      background:#f3f3f3;
      overflow-y: auto;
      .category_1st{
        width:100%;
        height:1.05rem;
        line-height:1.05rem;
        text-align: center;
        color: #111;
        font-size: 0.373333rem;
      }
      .active{
        color:red;
        border-left:red 2px solid;
      }
    }
    
    .ygCategoryContentRight {
    flex:3;
    height:100%;
    overflow-y: auto;
    background:white;
    .rightItem {
      width:100%;
      .rightItemTitle {
        width:100%;
        color:gray;
        margin:0.266667rem 0;
      }
  
      .rightItemBrandList {
        width:100%;
        display: flex;
        flex-wrap: wrap;
        .brandListItem {
          width: 33.333%;
          display:flex;
          flex-direction: column;
          justify-content: space-between;
          align-items: center;
          img {
            width: 1.6rem;
            height: 1.6rem;
          }
  
          span {
            margin: 0.08rem 0 ;
          }
        }
      }
    }

    }
  }
  
}